{% extends "element/saas/base.html" %}
{% load future wenlincms_tags wlcore_tags %}

{% block header %}{% endblock %}
{% block footer %}{% endblock %}

{% block extra_css %}
    <link rel="stylesheet" href="{{ STATIC_URL }}{{ "element/saas/css/login.css"|file_time_stamp }}">
{% endblock %}

{% block wlmain %}
    <div class="bm-wrap-bg">
        <div class="login-box">
            <h2>{{ sitesettings.website_name }}&nbsp;</h2>
            <div class="clear"></div>

            <form id="login" method="post"
                  {% if form.is_multipart %}enctype="multipart/form-data" {% endif %}>
                <fieldset>
                    <div class="login-form">
                        <div class="user-name">
                            <label for="username"><i class="am-icon-user"></i></label>
                            <input type="text" name="username" class="am-form-field js-pattern-username" id="user"
                                   placeholder="请输入用户名" required minlength="2" maxlength="20">
                        </div>
                        <div class="user-pass">
                            <label for="password"><i class="am-icon-lock"></i></label>
                            <input type="password" name="password" id="password" class="am-form-field"
                                   placeholder="请输入密码" required minlength="6" maxlength="30">
                        </div>
                    </div>

                    <div class="login-links">
                        <a href="/accounts/signup/" class="am-fr">注册账号</a>
                        <br/>
                    </div>

                    <div class="am-cf bm-submit-login-wrap">
                        <input type="submit" id="submit" value="登 录" class="am-btn am-btn-primary am-btn-sm">
                    </div>

                    <div class="login_errors">
                        {% if form.non_field_errors %}
                            {{ form.non_field_errors }}
                        {% endif %}
                    </div>
                </fieldset>
            </form>

            <div class="partner">
                <h3>&nbsp;合作账号</h3>

                <div class="am-btn-group">
                    <ul>
                        <li style="width: 11%"><a href="#">&nbsp;</a></li>
                        <li><a><i class="am-icon-weibo am-icon-sm am-primary"></i><span>微博登录</span> </a></li>
                        <li><a><i class="am-icon-weixin am-icon-sm am-primary"></i><span>微信登录</span> </a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>
{% endblock %}

{% block footer_js %}
    <script src="{{ STATIC_URL }}{{ "element/saas/js/ajaxCookieSet.js"|file_time_stamp }}"></script>
    <script src="{{ STATIC_URL }}{{ "opensource/others/particles2.js"|file_time_stamp }}"></script>
    <script src="{{ STATIC_URL }}{{ "element/saas/js/login.js"|file_time_stamp }}"></script>
{% endblock %}
